.ant-tabs {
  .ant-tabs-nav-list {
    .ant-tabs-tab {
      font-size: 14px;
      color: #d0deee;

      &:hover {
        color: #fff;
      }
    }

    .ant-tabs-tab-active {
      .ant-tabs-tab-btn {
        color: #fff;
      }
    }
  }

  .ant-tabs-nav-operations {
    .anticon {
      svg {
        color: #fff;
      }
    }
  }

  .ant-tabs-ink-bar {
    background: #fff;
  }
}

.ant-picker {
  width: 130px;
  border: 1px solid transparent;

  .ant-picker-input {
    &>input {
      font-size: 0.14rem;
      opacity: var(--color-noraml-opacy);
    }
  }
}

.ant-picker-suffix {
  color: #fff;
  opacity: var(--color-noraml-opacy);
}

.ant-picker-focused {
  box-shadow: none;
}

.ant-picker-dropdown {
  .ant-picker-panel-container {
    background-color: #0d1635cc;

    .ant-picker-panel {
      border-bottom: 1px solid #ffffff3d;

      .ant-picker-header {
        color: #fff;
        opacity: var(--color-noraml-opacy);

        button {
          color: #fff;
        }
      }

      .ant-picker-footer {
        border-top: 1px solid #ffffff3d;
      }

      .ant-picker-cell-inner {
        color: #d0deee;
      }
    }
  }
}

.ant-tooltip {
  .ant-tooltip-arrow {
    span {
      background-color: #0d1635cc;
    }
  }

  .ant-tooltip-inner {
    background-color: #0d1635cc;
  }
}

.arco-select-dropdown {
  padding: 0 10px;
  color: rgba(255, 255, 255, 0.6);
  box-shadow: none;
  background-image: linear-gradient(180deg, #19406B, rgba(0, 134, 205, 0.91));
  border: 1px solid #4895e899;
}

.arco-select-dropdown .arco-select-option {
  background-color: transparent;
  color: #fff;
  border-radius: 4px;
}

.arco-select-dropdown .arco-select-option-active {
  color: #fff;
  background-image: linear-gradient(180deg, #29629f, rgba(0, 134, 205, 0.91));
}

.arco-select-dropdown .arco-select-option-active,
.arco-select-dropdown .arco-select-option:not(.arco-select-dropdown .arco-select-option-disabled):hover {
  color: #fff !important;
}

.arco-tooltip-content {
  max-width: 2.79rem;
  background-image: #fff;
}

* {
  scrollbar-color: #D8D8D8;
  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
  scrollbar-width: thin;
  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
  -ms-overflow-style: none;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 4px !important;
  height: 3px !important;
  background-color: rgba(216, 216, 216, 0) !important;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3) !important;
  border-radius: 10px !important;
  background-color: #d8d8d800 !important;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3) !important;
  background-color: #fff !important;
}